<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>可以在L或者l后面放置多组坐标，正如polyline元素中的那样。下面6个路径都绘制了菱形，前三个使用的绝对坐标，后三个使用的相对坐标。</p>
		<p>如果在moveto后面放置多对坐标，除了第一队坐标外，剩下的坐标都会被假设为它们跟在一个lineto后面</p>
		<svg width="200" height="200" viewBox="0 0 200 200">
			<g style="fill: none;stroke: black;">
				<!--使用了绝对路径-->
				<path d="M 30 30 L 55 5 L 80 30 L 55 55 Z" />
				<path d="M 30 30 L 55 5 80 30 55 55 Z" />
				<path d="M 30 30 55 5 80 30 55 55 Z" />
				<!--使用了相对路径-->
				<path d="m 30 30 l 25 -25 l 25 25 l -25 25 z" />
				<path d="m 30 30 l 25 -25 25 25 -25 25 z" />
				<path d="m 30 30 25 -25 25 25 -25 25 z" />
			</g>
		</svg>
		
		<h3>清楚不必要的空白</h3>
		<p>数字和命令之间不需要空白</p>
		<p>正数和负数之间不需要空白</p>
		<svg width="200" height="200" viewBox="0 0 200 200">
			<path d="M30 30 55 5 80 30 55 55Z" />
			<path d="m30 30 25-25 25 25-25 25z" />
		</svg>
		
		<svg width="200" height="200" viewBox="0 0 200 200">
			<path d="M 12 24 h 15 v 25 h -15 z" />   <!--原始路径-->
			<path d="M12 24h15v25h-15z" />   <!--更短的路径-->
		</svg>
	</body>
</html>
